<template>
  <div>
    <van-nav-bar 
    :title="this.title" 
    @click-right="onClickRight"
    fixed>
      <template #right>
        <van-icon name="ellipsis" size="20" />
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
import { NavBar, Icon, Toast } from "vant";
export default {
  name: "MyHeader",
  props: ['title'],
  components: {
    NavBar,
    Icon,
    Toast,
  },
  data() {
    return {};
  },
  methods: {
    onClickLeft(){
      this.$router.go(-1)
    },
    onClickRight(){
      Toast('敬请期待');
    }
  },
};
</script>


<style lang="sass" scoped>
</style>